<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>常用技术型网站综合</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <!--<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>-->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/style.css"/>
</head>
<body>
        <div class="text-center">
            <p>
                <img src="./img/xian.jpg" alt=""/>
            </p>
        </div>
        <div class="text-center">
            <form class="form-search">
               <span>
                    <input type="text"value="请输入内容" onfocus="javascript:if(
                    this.value=='请输入内容')this.value='';" class="input-medium s search-query" >
               </span>
              <span>
                <input type="submit" value="Enter" class="btn-mini"/>
            </span>
            </form>
        </div>

         <!--常用网站-->
        <!--第一行-->
        <div class="bg">
            <div class=".container-fluid">
                <div class="col-md-3 bg1  b">
                    <a href="https://git.oschina.net/" title="代码托管 - 开源中国社区">
                        <img src="./img/1.png" alt="代码托管 - 开源中国社区" />
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="https://www.baidu.com/" title="百度一下就知道">
                        <img src="./img/2.png" alt="百度一下就知道" class="img1"/>
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="http://www.runoob.com/" title="菜鸟教程">
                        <img src="./img/3.png" alt="菜鸟教程" class="img2"/>
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="http://www.bootcss.com/" title="Bootstrap 中文网">
                        <img src="./img/4.png" alt="Bootstrap 中文网" class="img3"/>
                    </a>
                </div>
            </div>
        </div>


         <!--第二行-->
        <div class="bg" style="float: left">
            <div class=".container-fluid" >
                <div class="col-md-3 bg1">
                    <a href="http://www.jquery123.com/" title="jQuery API 中文文档">
                        <img src="./img/5.png" alt="jQuery API 中文文档"/>
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="http://www.jq22.com//" title="jQuery插件库">
                        <img src="./img/6.png" alt="jQuery插件库" class="img1"/>
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="http://www.bootcss.com/p/font-awesome/"
                       title="Font Awesome 完美的图标字体只为 Bootstrap设计">
                        <img src="./img/7.png" alt="Font Awesome 完美的图标字体 只为Bootstrap设计" class="img2"/>
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="http://codepen.io/" title="UI设计类网页浏览">
                        <img src="./img/8.png" alt="UI设计类网页浏览" class="img3"/>
                    </a>
                </div>
            </div>
        </div>

        <!--第三行-->

        <div class="bg" style="float: left">
            <div class=".container-fluid" >
                <div class="col-md-3 bg1">
                    <a href="https://www.codecademy.com/" title="代码练习题">
                        <img src="./img/9.png" alt="代码练习题"/>
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="http://www.jq22.com//" title="jQuery插件库">
                        <img src="./img/10.png" alt="jQuery插件库" class="img1"/>
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="http://alpha.wallhaven.cc/" title="图片">
                        <img src="./img/11.png" alt="wallhaven图片" class="img2"/>
                    </a>
                </div>
                <div class="col-md-3 bg1">
                    <a href="http://www.uisdc.com//" title="优设网">
                        <img src="./img/12.png" alt="优设网" class="img3"/>
                    </a>
                </div>
            </div>
        </div>



</body>
</html>